<template>
	<view style="margin-bottom: 100rpx;">
		<uni-nav-bar title="商品信息" backgroundColor="#f6f6f6" status-bar :fixed="true" :border="false">
			<block slot="left">
				<view style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
					<view @click="goBack" style="margin-left: 10px;">
						<uni-icons type="back" size="20" color="#666" />
					</view>
					<view @click="goHome" style="margin-left: 10px;">
						<uni-icons type="home" size="20" color="#666" />
					</view>
				</view>
			</block>
		</uni-nav-bar>
		
		<view style="display: flex;flex-direction: column;padding-bottom: 80px;position: relative;" :style="{height: `${windowHeight-105}px`}">
			
			<view style="height: 80px;position: absolute;width: 100%;bottom: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;background-color: #ffffff;padding: 0 10px 0 10px;">
				<view @click="handAddShop" style="border-radius: 25px;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 14px;background-color: #F4EAB7;color: #333333;height: 40px;width: 100%;margin-right: 10px;">
					加入购物车
				</view>
				<view @click="handPay" style="border-radius: 25px;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 14px;color: #333333;background: linear-gradient(to right,#F3E9B4,#EBDB9B);width: 100%;height: 40px;margin-left: 10px;">
					立即购买
				</view>
			</view>
			
			<scroll-view style="padding-bottom: 10px;height: 100%;" scroll-top="0" scroll-y="true">
				<view style="height: 550rpx;">
					<swiper style="width: 100%;height: 100%;" :indicator-dots="true" indicator-color="rgba(255, 255, 255, .8)">
						<swiper-item v-for="(item,index) in goodsInfoAll.mallGoodsBannerList" :key="index">
							<image style="width: 100%;height: 100%;" :mode="aspectFit" :src="item.bannerPic" ></image>
						</swiper-item>
					</swiper>
				</view>
				
				<view style="padding: 0 10px 0 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 10px;">
					<view style="background-color: #ffffff;padding: 10px;width: 100%;border-radius: 10px;display: flex;flex-direction: column;">
						<view style="display: flex;flex-direction: row;margin-bottom: 10px;justify-content: space-between;">
							
							<view style="display: flex;flex-direction: row;">
								<!-- 折扣价 -->
								<text style="color: #BCA656;font-size: 16px;font-weight: 600;">
									¥{{shopCartForm.skuInfo.discountPrice}}
								</text>
								<!-- 划线价 -->
								<view style="margin-left: 5px;text-decoration: line-through;font-size: 12px;color: #898c9a;display: flex;align-items: flex-end;">
									<text>
										¥{{shopCartForm.skuInfo.orginPrice}}
									</text>
								</view>
							</view>
							
							<view style="display: flex;align-items: flex-end;">
								<text style="color: #898c9a;font-size: 12px;">
									库存:{{shopCartForm.skuInfo.stock}}
								</text>
							</view>
						</view>
						<!-- 商品标题-->
						<view style="margin-bottom: 10px;">
							<text :decode="true" style="color: #000000;font-size: 14px;margin-left: 8px;line-height: 20px;font-weight: 600;">
								{{goodsInfoAll.goodsName}}
							</text>
						</view>
						
						<!-- sku编码 skuCode-->
						<view style="margin-bottom: 10px;">
							<text :decode="true" style="color: #898c9a;font-size: 12px;">
								SKU编码：{{shopCartForm.skuInfo.skuCode}}
							</text>
						</view>
						
					</view>
				</view>
				
				<!-- 商品SKU 商品规格1,2 存在时显示的商品数量-->
				<view v-if="shopCartForm.skuTitle1 !== '' || shopCartForm.skuTitle2 !== ''" style="padding: 0 10px 0 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10px 0 0px 0;">
					<view style="background-color: #ffffff;width: 100%;padding: 20px 5px 0px 5px;border-radius: 10px;display: flex;flex-direction: column;">
						
						<!-- 商品SKU 1-->
						<view v-if="shopCartForm.skuTitle1 !== ''" style="display: flex;flex-direction: row;margin-bottom: 10px;">
							<view style="font-size: 14px;color: #333333;width: 150rpx;display: flex;justify-content: center;">
								{{shopCartForm.skuTitle1}}
							</view>
							<view style="width: 100%;">
								<!-- <view style="background-color: #BFA558;color: #ffffff;font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									黑色
								</view>
								<view style="color: #333333;border: 1px solid #898c9a;font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									黑色|80666
								</view> -->
								<view @click="handSkuInfo1(item)" v-for="(item,index) in shopCartForm.skuList1" :key="index"  :class="item.skuId === skuId1 ?'selectBj':'defBj'"   style="font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									{{item.goodsSpecs}}
								</view>
								<!--  -->
							</view>
						</view>
						<!-- 商品SKU 2-->
						<view v-if="shopCartForm.skuTitle2 !== ''" style="display: flex;flex-direction: row;margin-bottom: 10px;">
							<view style="font-size: 14px;color: #333333;width: 150rpx;display: flex;justify-content: center;">
								{{shopCartForm.skuTitle2}}
							</view>
							<view style="width: 100%;">
								<!-- <view style="background-color: #BFA558;color: #ffffff;font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									黑色
								</view>
								<view style="color: #333333;border: 1px solid #898c9a;font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									桃色
								</view> -->
								
								<view @click="handSkuInfo2(item)" v-for="(item,index) in shopCartForm.skuList2" :key="index"  :class="item.skuId === skuId2 ?'selectBj':'defBj'"   style="font-size: 14px;padding: 5px 10px 5px 10px;border-radius: 2px;margin: 0 5px 10px 5px;float: left;">
									{{item.goodsSpecs}}
								</view>
								
							</view>
						</view>
						<!-- 商品数量-->
						<view style="display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;justify-content: space-between;">
							<view style="font-size: 14px;color: #333333;width: 150rpx;display: flex;justify-content: center;">
								数量
							</view>
							<view style="width: 100%;display: flex;justify-content: flex-end;">
								<uni-number-box v-model="shopCartForm.goodsNumber" :min="1" :max="shopCartForm.skuInfo.stock"  />
							</view>
						</view>
						
					</view>
				</view>
				
				<!-- 商品SKU 商品规格1,2 不存在时显示的商品数量-->
				<view v-if="shopCartForm.skuTitle1 === '' && shopCartForm.skuTitle2 === ''" style="padding: 0 10px 0 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10px 0 0px 0;">
					<view style="background-color: #ffffff;width: 100%;padding: 20px 5px 0px 5px;border-radius: 10px;display: flex;flex-direction: column;">
						<!-- 商品数量-->
						<view style="display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;justify-content: space-between;">
							<view style="font-size: 14px;color: #333333;width: 150rpx;display: flex;justify-content: center;">
								数量
							</view>
							<view style="width: 100%;display: flex;justify-content: flex-end;">
								<uni-number-box v-model="shopCartForm.goodsNumber" :min="1" :max="shopCartForm.skuInfo.stock" />
							</view>
						</view>
						
					</view>
				</view>
				
				
				<!-- 商品详情 -->
				<view style="padding: 0 10px 0 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 10px 0 10px 0;">
					<view style="background-color: #ffffff;width: 100%;height: 100%;border-radius: 10px;padding: 5px;display: flex;flex-direction: column;">
						<view style="padding: 5px;color: #333333;font-size: 14px;margin-bottom: 10px;">
							商品详情
						</view>
						<view style="padding: 0 10px 10px 10px;display: flex;flex-direction: column;">
							<!-- <image style="width: 100%;height: 200px;" src="../../static/images/banner/banner02.jpg" :mode="aspectFit"></image> -->
							<image v-for="(item,index) in goodsInfoAll.mallGoodsDetailsList" :key="index" style="width: 100%;height: 300px;" :src="item.detailsPic" :mode="aspectFit"></image>
						</view>
					</view>
				</view>
				
				
			</scroll-view>
			
			<!-- <view style="border: 1px solid blue;height: 350px;"></view>
			
			<view style="border: 2px solid blueviolet;height: 350px;"></view>
			
			<view style="border: 2px solid black;height: 350px;"></view> -->
			
		</view>
		
	</view>
</template>

<script>
	
	export default {
		name:'goodsDetail',
		onLoad(option) {
			//console.log(JSON.parse(decodeURIComponent(option.goodsInfo)).goodsName,'___option____')
			
		},
		onShow() {
			
		},
		created() {
			this.goodsInfoAll = '';
			this.goodsInfoAll = JSON.parse(decodeURIComponent(this.goodsInfo));
			console.log(this.goodsInfoAll,'_____商品详情___')
			
			// 商品规格SKU数组
			let goodsSkuList = this.goodsInfoAll.mallGoodsSkuList;
			this.shopCartForm.skuInfo = '';
			this.shopCartForm.skuInfo = goodsSkuList[0];
			
			//获取数组下标0，此处数据是必存在的。
			//如果为null，表示不存在商品属性，
			if(goodsSkuList[0].goodsSpecs === null){
				console.log('______不存在商品属性___this.shopCartForm.skuInfo___-')
			}else{
				
				this.shopCartForm.skuTitle1='';
				this.shopCartForm.skuTitle2='';
				this.shopCartForm.skuList1 = [];
				this.shopCartForm.skuList2 = [];
				
				let skuJsonArr = JSON.parse(goodsSkuList[0].goodsSpecs);
				//存在商品规格1
				if(skuJsonArr.length === 1){
					console.log(goodsSkuList,'______存在商品属性____一个商品规格__-')
					
					//处理商品规格JSON数据。
					goodsSkuList.forEach((item) =>{
						const goodsSpecsArr = JSON.parse(item.goodsSpecs);
						this.shopCartForm.skuTitle1 = goodsSpecsArr[0].key;
						//console.log(goodsSpecsArr[0].key,'___',goodsSpecsArr[0].val)
						//console.log(item)
						this.shopCartForm.skuList1.push({
							'goodsSpecs': goodsSpecsArr[0].val,
							'skuId': parseInt(Math.random()*10000+1),
						})
					})
					console.log(this.shopCartForm.skuList1,'______存在商品属性____一个商品规格__处理后数据___-')
					
				}else if(skuJsonArr.length === 2){//存在商品规格1,2
					console.log(goodsSkuList,'______存在商品属性___二个商品规格___-')
					
					goodsSkuList.forEach((item) =>{
						const goodsSpecsArr = JSON.parse(item.goodsSpecs);
						this.shopCartForm.skuTitle1 = goodsSpecsArr[0].key;
						this.shopCartForm.skuTitle2 = goodsSpecsArr[1].key;
						// 0: {key: "颜色", val: "白色"}
						// 1: {key: "尺寸", val: "S"},
						
						// 0: {key: "颜色", val: "白色"}
						// 1: {key: "尺寸", val: "M"}
						//console.log(goodsSpecsArr[0].val,'___',goodsSpecsArr[1].val)
						
						//去重，筛掉冗余的商品规格1，选项
						if(this.shopCartForm.skuList1.findIndex(item=>item.goodsSpecs==goodsSpecsArr[0].val) < 0){
							this.shopCartForm.skuList1.push({
								'goodsSpecs': goodsSpecsArr[0].val,
								'skuId': parseInt(Math.random()*10000+1),
							})
						}
						
						//去重，筛掉冗余的商品规格2，选项
						if(this.shopCartForm.skuList2.findIndex(item=>item.goodsSpecs==goodsSpecsArr[1].val) < 0){
							this.shopCartForm.skuList2.push({
								'goodsSpecs': goodsSpecsArr[1].val,
								'skuId': parseInt(Math.random()*10000+1),
							})
						}
						
					})
					
				}
				
			}
			
			
		},
		computed:{
		  userinfo() {
			return this.$store.state.user.userinfo
		  },
		  windowHeight() {
			return uni.getSystemInfoSync().windowHeight - 0
		  }
		},
		data() {
			return {
				goodsInfo:getApp().globalData.config.appInfo.goodsInfo,
				goodsInfoAll:'',//商品完整信息
				shopCartForm:{
					goodsNumber:1,//商品数量
					skuTitle1:'',
					skuTitle2:'',
					skuInfo:'',//当前的sku信息，不可能不存在商品规格sku的情况。
					skuList1:[],
					skuList2:[],
					
				},
				skuId1:0,//商品规格1，sku主键id
				skuId2:0,//商品规格2，sku主键id
				skuSelect1:'',//商品规格1，sku是否选择
				skuSelect2:'',//商品规格2，sku是否选择
				txCloudEnvID:getApp().globalData.config.appInfo.txCloudEnvID,
				vxService:getApp().globalData.config.appInfo.vxService,
				
				
			}
		},
		methods: {
			handPay(){//立即购买。
				if(this.userinfo === ''){
					this.$modal.confirm('您未登录,是否登录').then(() => {
					  this.$tab.reLaunch("/pages/mine/index");
					})
					return;
				}
				
				//console.log(this.goodsInfoAll,'_____商品详情___')
				console.log(this.shopCartForm.skuTitle1,'_____skuTitle1____skuTitle2___',this.shopCartForm.skuTitle2)
				
				//如果规格1,2等于空表示不存在商品规格。
				if(this.shopCartForm.skuTitle1 === '' && this.shopCartForm.skuTitle2 === ''){
					console.log('__________不存在商品规格________')
					//可以直接拼接json，客户主键id，商品名称，轮播图，详情图，商品goodsid，加入购物车
				}else{
					//如果skuTitle1不为空，表示存在商品规格1，skuTitle2为空，表示不存在商品规格2.
					if(this.shopCartForm.skuTitle1 !== '' && this.shopCartForm.skuTitle2 === ''){
						console.log('__________存在商品规格_111_______')
						//如果skuId1，等于0，表示未选择规格
						if(this.skuId1 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1)
							return;
						}
						console.log(this.skuId1,'_______已选择商品规格1_skuId1_____')
						
					}else if(this.shopCartForm.skuTitle1 !== '' && this.shopCartForm.skuTitle2 !== ''){
						//如果skuId1，2，等于0，表示未选择规格
						if(this.skuId1 === 0 && this.skuId2 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1+','+this.shopCartForm.skuTitle2)
							return;
						}else if(this.skuId1 === 0 && this.skuId2 !== 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1)
							return;
						}else if(this.skuId1 !== 0 && this.skuId2 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle2)
							return;
						}
						
						console.log(this.skuId1,'__________存在商品规格_111___222____',this.skuId2)
					}
					
				}
				
				console.log(this.shopCartForm.skuInfo,'________this.shopCartForm.skuInfo______')
				console.log(this.userinfo,'____立即购买_当前用户信息_客户主键id_',this.userinfo.clientId,'__当前客户手机号：__',this.userinfo.mobile)
				
				if(this.shopCartForm.skuInfo.stock === 0){
					this.$modal.showToast('库存不足')
					return;
				}
				
				
				let forms ={
					'clientId':this.userinfo.clientId,
					'goodsData':JSON.stringify({
						'goodsId': this.goodsInfoAll.goodsId,
						'goodsKindId': this.goodsInfoAll.goodsKindId,
						'goodsName': this.goodsInfoAll.goodsName,
						'mallGoodsBannerList': this.goodsInfoAll.mallGoodsBannerList,
						'mallGoodsDetailsList': this.goodsInfoAll.mallGoodsDetailsList,
						'skuInfo':this.shopCartForm.skuInfo,
						'goodsNumber':this.shopCartForm.goodsNumber,
					})
				}
				
				console.log(forms,'______formData____')
				
				getApp().globalData.config.appInfo.goodsPayInfo = '';
				getApp().globalData.config.appInfo.goodsPayInfo = encodeURIComponent(JSON.stringify(forms));
				this.$tab.navigateTo("/pages/paynow/index");
				
			},
			handAddShop(){//加入购物车
				if(this.userinfo === ''){
					this.$modal.confirm('您未登录,是否登录').then(() => {
					  this.$tab.reLaunch("/pages/mine/index");
					})
					return;
				}
				
				//console.log(this.goodsInfoAll,'_____商品详情___')
				console.log(this.shopCartForm.skuTitle1,'_____skuTitle1____skuTitle2___',this.shopCartForm.skuTitle2)
				
				//console.log(this.shopCartForm.goodsNumber,'_______商品数量_____')
				
				//如果规格1,2等于空表示不存在商品规格。
				if(this.shopCartForm.skuTitle1 === '' && this.shopCartForm.skuTitle2 === ''){
					console.log('__________不存在商品规格________')
					//可以直接拼接json，客户主键id，商品名称，轮播图，详情图，商品goodsid，加入购物车
				}else{
					//如果skuTitle1不为空，表示存在商品规格1，skuTitle2为空，表示不存在商品规格2.
					if(this.shopCartForm.skuTitle1 !== '' && this.shopCartForm.skuTitle2 === ''){
						console.log('__________存在商品规格_111_______')
						//如果skuId1，等于0，表示未选择规格
						if(this.skuId1 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1)
							return;
						}
						console.log(this.skuId1,'_______已选择商品规格1_skuId1_____')
						
						
					}else if(this.shopCartForm.skuTitle1 !== '' && this.shopCartForm.skuTitle2 !== ''){
						//如果skuId1，2，等于0，表示未选择规格
						if(this.skuId1 === 0 && this.skuId2 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1+','+this.shopCartForm.skuTitle2)
							return;
						}else if(this.skuId1 === 0 && this.skuId2 !== 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle1)
							return;
						}else if(this.skuId1 !== 0 && this.skuId2 === 0){
							this.$modal.showToast('未选择'+this.shopCartForm.skuTitle2)
							return;
						}
						
						console.log(this.skuId1,'__________存在商品规格_111___222____',this.skuId2)
						
						
					}
					
				}
				
				console.log(this.shopCartForm.skuInfo,'________this.shopCartForm.skuInfo______')
				console.log(this.userinfo,'____加入购物车_当前用户信息_客户主键id_',this.userinfo.clientId,'__当前客户手机号：__',this.userinfo.mobile)
				
				if(this.shopCartForm.skuInfo.stock === 0){
					this.$modal.showToast('库存不足')
					return;
				}
				
				// let formData={
				// 	'goodsId': this.goodsInfoAll.goodsId,
				// 	'goodsKindId': this.goodsInfoAll.goodsKindId,
				// 	'goodsName': this.goodsInfoAll.goodsName,
				// 	'mallGoodsBannerList': this.goodsInfoAll.mallGoodsBannerList,
				// 	'mallGoodsDetailsList': this.goodsInfoAll.mallGoodsDetailsList,
				// 	'skuInfo':this.shopCartForm.skuInfo,
				// 	'goodsNumber':this.shopCartForm.goodsNumber,
				// }
				let forms ={
					'clientId':this.userinfo.clientId,
					'goodsNumber':this.shopCartForm.goodsNumber,
					'goodsData':JSON.stringify({
						'goodsId': this.goodsInfoAll.goodsId,
						'goodsKindId': this.goodsInfoAll.goodsKindId,
						'goodsName': this.goodsInfoAll.goodsName,
						'mallGoodsBannerList': this.goodsInfoAll.mallGoodsBannerList,
						'mallGoodsDetailsList': this.goodsInfoAll.mallGoodsDetailsList,
						'skuInfo':this.shopCartForm.skuInfo,
						// 'goodsNumber':this.shopCartForm.goodsNumber,
					})
				}
				
				console.log(forms,'______formData____')
				
				wx.cloud.callContainer({
				  "config": {
				    "env": this.txCloudEnvID
				  },
				  "path": "/system/wxCart",
				  "header": {
				    "X-WX-SERVICE": this.vxService,
				    "content-type": "application/json"
				  },
				  "method": "POST",
				  "data": forms
				}).then((res) =>{
					console.log(res);
					if(res.data.code === 200){
						//this.$modal.showToast('已加入购物车')
						uni.showToast({
							title: '已加入购物车',
							icon:'success',
							mask:true,
						});
					}else{
						this.$modal.showToast('购物车添加失败'+res.data.error)
					}
					
				}).catch((e) =>{
					  if(e.message.indexOf('102002') !== -1){
						_this.$modal.showToast('请求超时')
					  }else{
						_this.$modal.showToast(e.message)
					  }
				 })
			},
			handSkuInfo1(item){//商品规格1 注：触发点击事件说明存在商品规格
				this.skuId1 = item.skuId;
				this.skuSelect1 = item.goodsSpecs;
				
				//skuTitle2 等于空，表示只存在商品规格1.否则存在商品规格2
				if(this.shopCartForm.skuTitle2 === ''){
					this.shopCartForm.skuInfo = '';
					//console.log('_规格2不存在___SKU_1__点击__skuId__',item.goodsSpecs)
					this.goodsInfoAll.mallGoodsSkuList.forEach((items) =>{
						if(JSON.parse(items.goodsSpecs)[0].val == item.goodsSpecs){
							//console.log(item.goodsSpecs,'_相等__',JSON.parse(items.goodsSpecs)[0].val)
							this.shopCartForm.skuInfo = items;
						}
					})
					
					console.log('_规格2不存在___SKU_1__点击__skuId__',this.shopCartForm.skuInfo)
					
				}else{
					//存在商品规格2.
					//console.log(this.skuId2,'___this.skuId2___规格2存在___SKU_1__点击__skuId__',this.skuSelect1)
					//不等于0，表示商品规格2，已选择
					if(this.skuId2 != 0){
						//console.log(this.skuSelect1,'___当前规格选择___已选择_商品规格2_',this.skuSelect2)
						const jsonStr='[{"key":"'+this.shopCartForm.skuTitle1+'","val":"'+this.skuSelect1+'"},{"key":"'+this.shopCartForm.skuTitle2+'","val":"'+this.skuSelect2+'"}]';
						console.log(jsonStr,'___11111__')
						this.shopCartForm.skuInfo = this.goodsInfoAll.mallGoodsSkuList.find(item=>item.goodsSpecs === jsonStr);
					}
					
				}
				
			},
			handSkuInfo2(item){//商品规格2 注：触发点击事件说明存在商品规格1，2
				this.skuId2 = item.skuId;
				this.skuSelect2 = item.goodsSpecs;
				
				//console.log(this.skuId1,'____SKU_2__点击__skuId__',this.skuSelect2)
				//不等于0，表示商品规格1，已选择
				if(this.skuId1 != 0){
					//console.log(this.skuSelect2,'__当前规格选择____已选择_商品规格1__',this.skuSelect1)
					const jsonStr='[{"key":"'+this.shopCartForm.skuTitle1+'","val":"'+this.skuSelect1+'"},{"key":"'+this.shopCartForm.skuTitle2+'","val":"'+this.skuSelect2+'"}]';
					console.log(jsonStr,'___222222__')
					this.shopCartForm.skuInfo = this.goodsInfoAll.mallGoodsSkuList.find(item=>item.goodsSpecs === jsonStr);
					
				}
				
			},
			goBack(){
				this.$tab.navigateBack();
			},
			goHome(){
				this.$tab.reLaunch("/pages/index");
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	
		.defBj{
			color: #333333;
			border: 1px solid #898c9a;
		}
		.selectBj{
			background-color: #BFA558;
			color: #ffffff;
		}
	
	

</style>
